<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Img</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.0/jquery.js"></script>

    <script type="text/javascript">
        const LIST_URL="http://106.55.135.250:80/img/list";
        $(function () {
            $(document).ready(function () {
                $.getJSON(LIST_URL,function (data){
                    console.log(data)
                    for (const list of data.list){
                        $("#list").append(
                            $("<li>").append(
                                $('<img>').attr("src",list.url)
                            )
                        )
                    }
                });
            });
        });

    </script>
</head>
<body>
<h1>Img</h1>

<form action="http://106.55.135.250:80/up/upload" method="post" enctype="multipart/form-data">
    <p><input type="file" name="file"></p>
    <p><input type="submit" value="submit"></p>
</form>

    <a href="index.html">index</a>
    <div id="list"></div>


</body>
</html>